
<#include "header.ftl">
<style>
.clearfix{padding: 30px;}
</style>
<link rel="stylesheet" type="text/css" href="${basePath}/system/css/gallery.css" />	
<link href="${basePath}/system/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href="${basePath}/system/assets/fancybox/source/jquery.fancybox.css" rel="stylesheet" />	
<link href="${basePath}/system/assets/ueditor1/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" />	
<script src="${basePath}/system/assets/fancybox/source/jquery.fancybox.js"></script>
<script src="${basePath}/system/js/modernizr.custom.js"></script>
<script src="${basePath}/system/js/toucheffects.js"></script>
<script src="${TEMPLATE_PATH}/js/bootstrap.min.js"></script>
<script src="${TEMPLATE_PATH}/js/bootstrap-carousel.js"></script>
<script type="text/javascript">
$('.carousel').carousel();
$("a.fancybox").fancybox();
</script>
<style>
.rightfloat{
	float: right;
	width:250px;
}
</style>
	<#include "topbar.ftl">
    <!--container start-->
    <div class="container">
        <div class="row">
        	<#include "sidebar.ftl">
        	<div class="col-xs-10 ">
        	<div class="bs-docs-example">
            <!--blog start-->
            <div id="myCarousel" class="carousel slide">
            <ol class="carousel-indicators">
            	<@shishuocms_attachment_page  kindId="${folder.folderId}" kind="folder" p="${p}" rows="9">
	          	<#list tag_attachment_page.list as attachment>
	              <li data-target="#myCarousel" data-slide-to="${attachment_index}" class="<#if (attachment_index==0)>active</#if>"></li>
	            </#list>
            </ol>
            <!-- Carousel items -->
            <div class="carousel-inner">
	          	<#list tag_attachment_page.list as attachment>
              	<div class="<#if (attachment_index==0)>active</#if> item">
	              	<img src="${basePath}/${attachment.path}" alt="${attachment.description}">
	              	<div class="carousel-caption">
		              <h4>
		              <div class="rightfloat">
			              <a class="btn btn-danger fancybox" rel="group" href="${basePath}/${attachment.path}">查看原图</a>
			              <a class="btn btn-danger" rel="group" target="_blank" href="${basePath}/photo/${attachment.attachmentId?c}.htm">查看详情</a>
		              </div>
		              </h4>
		              <p>${attachment.description}</p>
		            </div>
	            </div>
	            </#list>
	            </@shishuocms_attachment_page>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
          </div>
          </div>
          
            </div>
			
            <!--blog end-->
        </div>

    </div>
    <!--container end-->
<#include "footer.ftl">